<%@page contentType="text/html"%>
<%@page pageEncoding="UTF-8"%>
<%@taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<jsp:useBean id="bExamen" class="Beans.BeanExamen" scope="session"/>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
   <head>
      <title>Corregir Examenes</title>
      <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
      <link rel="stylesheet" type="text/css" href="style.css" media="screen"/>

      <script language="JavaScript">              		
            function asignar(idUsuario,idExam,bot)
            {     
                  document.corregir.opcion.value = "traeExamen";  
                  document.corregir.idExamen.value = idExam;                  
                  document.corregir.idAlumno.value = idUsuario;
                  document.corregir.boton.value = bot;
            }

            function asignar2(idUsuario,idExam)
            {     
               document.corregir2.opcion.value = "corregir";  
               document.corregir2.idExamen.value = idExam;                  
               document.corregir2.idAlumno.value = idUsuario;
            }
            
            function asignar3(idUsuario,idExam)
            {     
               document.corregir3.opcion.value = "habilitaExamenP";  
               document.corregir3.idExamen.value = idExam;                  
               document.corregir3.idAlumno.value = idUsuario;
            }
            
            function asignarPla(idExam)
            {     
               document.corregir.opcion.value = "mostrarPlanillaExamen";  
               document.corregir.idExamen.value = idExam;                                    
            }
            function mostrar(div1)
            {
                  document.getElementById(div1).style.visibility = 'visible'                 
            }                     
            
            function validarNota(temaId, notaTema)
            {
                if(!esNumerico(document.getElementById(temaId))){
                    document.getElementById(temaId).value = "0.0";
                    alert("ERROR: Debe ingresar una nota valida")
                    return false
                }
               if(parseFloat(document.getElementById(temaId).value) < 0 || parseFloat(document.getElementById(temaId).value) > parseFloat(notaTema)){                
                    document.getElementById(temaId).value = "0.0";
                    alert("ERROR: Debe ingresar una nota valida")
                    return false
                }
                
            }
            
            function esNumerico(numero){                    
                    for (var i = 0; i < numero.value.length; i++) {
                        var oneChar = numero.value.charAt(i)		
                        if (oneChar < "0" || oneChar > "9") {
                            if(oneChar != ".")
                                return false
                        }
                    }
                return true
            }
            
            function validarPin()
            {
                if(document.corregir3.opcion.value == "habilitaExamenP")
                {
                    if(document.corregir3.pin.value == "")
                    {
                        alert("ERROR: debe ingresar el Pin")
			return false
                    }
                }
            }         
      </script>
   </head>

   <body>    
      <div id="container">
         <div id="header">
            <div id="headerLeft">
               <h1><span style="color:#599EC8;">EXAMENES</span><br/>&nbsp;&nbsp;&nbsp;&nbsp;WEB</h1>
            </div>
                   
            <form id="formSalir" name="formSalir" method="post" action="Control" class="formulario">
               <div id="pass" align="right">
                  <a href="cambiaPassw.jsp" target="_new"><strong><font color="#000000">Cambiar contraseña</font></strong></a>
                  <input type="hidden" name="opcion" value="logout">
                  <input type="submit" name="logout" value="Logout"/>
               </div>       
            </form>
         </div>
      </div><br/>
      
      <c:if test="${usuActivo.nombre == null || usuActivo.tipoS != 'P'}">
         <div align=center>
            <strong><font color="#993300">Usted no se ha logueado apropiadamente.</font></strong><br/>
            <a>&nbsp;</a>
         </div>
      </c:if>  

      <c:if test="${usuActivo.nombre != null && usuActivo.tipoS == 'P'}">
          
          <c:if test="${param.msg == 'REGINCOM'}">
              <div align=center>
                  <strong><font color="#993300">Debe completar todos los campos requeridos.</font></strong><br/>
                  <a>&nbsp;</a>
              </div>
          </c:if>
          
          <c:if test="${param.msg == 'FAILCARG'}">
              <div align=center>
                  <strong><font color="#993300">Fallo la carga.</font></strong><br/>
                  <a>&nbsp;</a>
              </div>
          </c:if>   
          
          <c:if test="${param.msg == 'SUCSCARG'}">
              <div align=center>
                  <strong><font color="#993300">La carga se realizo correctamente.</font></strong><br/>
                  <a>&nbsp;</a>
              </div>
          </c:if>
          
          <div id="listaAlumnos">
              <div>
                  <form id="formBoton" name="formBoton" method="post" action="Control" class="formulario">
                      <input type="hidden" name="opcion" value="homeProf">
                      <input type="hidden" name="idProfesor" value="${usuActivo.idUsu}">               
                      <input type="submit" name="cargar" value="Home" class="boton">
                  </form><br>
                  
                  <h1 id="tituloLista">Lista de Alumnos</h1><br>
                  
                  <form name="corregir" method="post" action="Control" class="formulario">
                      <input type="hidden" name="opcion" value="">
                      <input type="hidden" name="idAlumno" value="">
                      <input type="hidden" name="idExamen" value="">
                      <input type="hidden" name="boton" value="">
                      
                      <table width="100%" border=0 cellspacing=0>
                          <c:forEach var="alumnos" items="${alumExam}" >                                  
                              <tr>
                                  <td width="42%">
                                      <div align="left">
                                          <c:out value="${alumnos.columna2}, "/><c:out value="${alumnos.columna1}"/>
                                      </div>
                                  </td>
                                  <td width="18%"><c:out value="${alumnos.columna7}"/></td>
                                  <td width="40%">
                                      <div align="right">
                                          <input type="submit" value="Ver" name="v${alumnos.columna6}" onclick="asignar(${alumnos.columna6}, ${alumnos.columna8},'ver')"/>
                                          <input type="submit" value="Corregir" name="c${alumnos.columna6}" onclick="asignar(${alumnos.columna6},${alumnos.columna8},'corregir')"/>
                                      </div>
                                  </td>
                              </tr>
                          </c:forEach>
                      </table><br>
                      
                      <div align="center">
                          <input type="submit" value="Planilla" name="planilla" onclick="asignarPla(${param.idexamen})"/>
                      </div>
                  </form>
              </div>
          </div>
          
          <table width="64%" border="0" align="right">
              <tr>
                  <td>
                      <div id="Examen">
                          <c:if test="${parametros.columna2 != null && parametros.columna1 != null}">
                              <h1 id="title">Examen de ${parametros.columna2}</h1><br>
                              
                              <div id="datoExamen">
                                  <table width="90%" border="0" align="center">
                                      <tr>
                                          <td width="67%">
                                              <font color=#990000>Alumno: </font>${parametros.columna1}
                                          </td>
                                          <td width="33%">
                                              <c:if test="${param.puntajeA != \"-1.0\"}" >
                                                  <font color=#990000>Puntaje Total: </font>${param.puntajeA}
                                              </c:if>
                                          </td>
                                      </tr>
                                  </table>
                              </div>
                              
                              <c:if test="${param.puntajeA == \"-1.0\" && parametros.columna3 == 'ver' && parametros.columna4 == null}">
                                  <h4 id="titulo2">El alumno empezó a rendir pero todavía no ha enviado el examen.</h4><br>
                                  En caso que el alumno haya tenido problemas con el examen y solicito que se le habilitara para rendir de nuevo.<br>
                                  <h4 style="cursor:hand" align="right" onclick="mostrar('div1')">Volver a habilitar el Examen al Alumno.</h4>
                                  <div id="div1" style="visibility:hidden"><br>
                                      <div align="center">   
                                          <form name="corregir3" method="post" action="Control" class="formulario" onsubmit="return validarPin()">
                                              <input type="hidden" name="opcion" value="">
                                              <input type="hidden" name="idAlumno" value="">
                                              <input type="hidden" name="idExamen" value="">
                                              <input type="hidden" name="boton" value="">
                                              Pin de Seguridad: <input type="text" name="pin" value="" size="10"/><br><br>
                                              <input type="submit" value="Habilitar" name="habilitaExam" onclick="asignar3(${parametros.columna6},${parametros.columna7})"/>
                                          </form>    
                                      </div>
                                      <strong>Atención:</strong> Debe proporcionar este PIN al alumno pueda que pueda volver a rendir.
                                  </div>
                              </c:if>
                              
                              <c:if test="${parametros.columna4 != null}">
                                  <br>El examen se encuentra habilitado para volver a rendir.
                                  <br>El pin de habilitación es <strong><c:out value="${parametros.columna4}"/></strong>.
                              </c:if>
                              
                              <form name="corregir2" method="post" action="Control" class="formulario">
                                  <input type="hidden" name="opcion" value="">
                                  <input type="hidden" name="idAlumno" value="">
                                  <input type="hidden" name="idExamen" value="">
                                  <input type="hidden" name="boton" value="">
                                  
                                  <c:forEach var="temas" items="${corrTemas}">
                                      <c:forEach var="respuesta" items="${respTemas}">
                                          <c:if test="${temas.columna6 == respuesta.columna8}">
                                              <div id="tit" align="left"><br/>
                                                  <h1 id="temas">TEMA <c:out value="${temas.columna9}"/>) <c:out value="${temas.columna1}"/>
                                                      <c:if test="${parametros.columna3 == 'corregir' && temas.columna3 == 'l'}">
                                                          (<input type="text" name="${respuesta.columna8}" value="${respuesta.columna2}" id="${respuesta.columna8}" size="1" onchange="validarNota('${respuesta.columna8}', '${temas.columna8}')"/>/<c:out value="${temas.columna8}"/> Puntos)
                                                      </c:if>
                                                      
                                                      <c:if test="${parametros.columna3 == 'ver' || temas.columna3 != 'l'}">
                                                          (<c:out value="${respuesta.columna2}"/>/<c:out value="${temas.columna8}"/> Puntos)
                                                      </c:if>
                                                  </h1><br/>
                                                  <h1 id="enunciados"><em>Enunciado: </em><c:out value="${temas.columna2}"/></h1><br/>
                                              </div>
                                              
                                              <c:if test="${temas.columna3 == 'l'}">
                                                  <h1 id="enunciados"><em>Tipo: </em>Texto libre.</h1><br>
                                                  <div align="center">
                                                      <textarea name="tem${temas.columna6}" rows="9" cols="70" id="tem${temas.columna6}" disabled>
                                                          ${respuesta.columna1}
                                                          </textarea><br>
                                                  </div>                
                                              </c:if> 
                                              
                                              <c:if test="${temas.columna3 == 'm'}">
                                                  <h1 id="enunciados"><em>Tipo: </em>Selección Multiple.</h1><br>
                                                  <c:forEach var="opciones" items="${corrOpciones}">                                                                
                                                      <c:set var="imp" value="0"/>
                                                      <c:if test="${temas.columna6 == opciones.columna7}">
                                                          <c:forEach var="elecciones" items="${eleccRespuesta}">
                                                              <c:if test="${temas.columna6 == elecciones.columna7 && elecciones.columna8 == opciones.columna6}">
                                                                  <div align="left">
                                                                      <input type="checkbox" name="${temas.columna6}.${opciones.columna8}" value="${opciones.columna6}" disabled checked/>
                                                                                                                                                                                         <c:out value="${opciones.columna2}"/>
                                                                                                                                                                                         <c:set var="imp" value="1"/><br>
                                                                  </div>
                                                              </c:if>
                                                          </c:forEach>
                                                          
                                                          <c:if test="${imp == 0}">
                                                              <div align="left">                                        
                                                                  <input type="checkbox" name="${temas.columna6}.${opciones.columna8}" value="${opciones.columna6}" disabled/>
                                                                                                                                                                             <c:out value="${opciones.columna2}"/><br>
                                                              </div>
                                                          </c:if>                                                                        
                                                      </c:if>                                                                  
                                                  </c:forEach>
                                              </c:if>
                                              
                                              <c:if test="${temas.columna3 == 'e'}">
                                                  <h1 id="enunciados"><em>Tipo: </em>Selección Excluyente.</h1><br>
                                                  <c:forEach var="opciones" items="${corrOpciones}" >             
                                                      <c:set var="imp2" value="0"/>
                                                      <c:if test="${temas.columna6 == opciones.columna7}" >
                                                          <c:forEach var="elecciones" items="${eleccRespuesta}">
                                                              <c:if test="${temas.columna6 == elecciones.columna7 && elecciones.columna8 == opciones.columna6}">
                                                                  <div align="left">
                                                                      <input type="radio" name="${temas.columna6}" value="${opciones.columna6}" checked disabled/>
                                                                                                                                                                 <c:out value="${opciones.columna2}"/>
                                                                                                                                                                 <c:set var="imp2" value="1"/><br>
                                                                  </div>
                                                              </c:if>
                                                          </c:forEach>
                                                          
                                                          <c:if test="${imp2 == 0}">
                                                              <div align="left">
                                                                  <input type="radio" name="${temas.columna6}" value="${opciones.columna6}" disabled/>
                                                                                                                                                     <c:out value="${opciones.columna2}"/><br>
                                                              </div>
                                                          </c:if>
                                                      </c:if>
                                                  </c:forEach>
                                              </c:if>
                                          </c:if>
                                      </c:forEach>
                                  </c:forEach>
                                  
                                  <c:if test="${parametros.columna3 == 'corregir' && param.puntajeA != \"-1.0\"}">
                                      <div align="center"><br>
                                          <input type="submit" value="Corregir Examen" name="Corregir" onclick="asignar2(${parametros.columna6},${parametros.columna7})"/>
                                      </div>
                                  </c:if>
                              </form>                
                              
                              <c:if test="${parametros.columna3 == 'ver' && param.puntajeA != \"-1.0\"}">
                                  <div align="center"><br>
                                      <input type="button" name="imprimir" value="Imprimir" onclick="window.print();">
                                  </div>
                              </c:if>
                          </c:if>
                      </div>
                  </td>
              </tr>
          </table>
      </c:if>
   </body>
</html>